eal<template>
    <div>
        <!--顶部样式-->
        <vheader></vheader>

        <!--幻灯片样式-->
        <div id="slideBox" class="slideBox">
         <div class="bd" style="margin-left: 202px">
            <vbanner></vbanner>
            </div>
        </div>

        <!--内容样式-->
        <div class="index_style">
            <!--推荐图层样式-->
            <!-- <div class="recommend">
            <div class="recommend_bg"></div>
            <div class="list">
                <div class="picScroll">
                    <div class="hd">
                        <a class="prev" href="javascript:void(0)">&gt;</a>
                        <a class="next" href="javascript:void(0)">&lt;</a>
                    </div>
                    <div class="bd">
                        <div class="tempWrap">
                            <ul>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">有货潮牌Life After Life/男MA-1飞行夹克</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">烟花烫女装气质修身显瘦连衣裙套装</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">SK-II 肌底晶透护肤礼盒（神仙水 补水保湿 精华液 乳液 套装）</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">有货潮牌Life After Life/男MA-1飞行夹克</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">有货潮牌Life After Life/男MA-1飞行夹克</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">SK-II 肌底晶透护肤礼盒（神仙水 补水保湿 精华液 乳液 套装）</a>
                                        <h2><i>￥</i>124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                                <li class="recommend_info">
                                    <div class="img_link">
                                        <a href="#" class=""><img src="/static/Products/p_8.jpg" width="110px" height="150px"></a>
                                    </div>
                                    <div class="content">
                                        <a href="#" class="title_name">荣耀 6 Plus (PE-TL10) 3GB内存增强版 金色 移动联通双4G手机 双卡</a>
                                        <h2><i>￥</i>1124.00</h2>
                                    </div>
                                    <a href="#" class="buy_btn"> 立即购买</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
               
            </div>
        </div> -->
            <!--店铺样式-->

            <!--样式-->
            <div class="clearfix">

                <div class="Hot_p">
                    <!--热销产品-->
                    <!-- <div class="hot_silde">
                    <div class="hd"><em></em>热销产品
                        <ul></ul>
                    </div>
                    <div class="bd">
                        <ul>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_1.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">新疆特产 一品玉和田大枣四星450g</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_5.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_2.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_3.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_3.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_3.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_3.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                            <li>
                                <a href="#" class="imglibk"><img src="/static/products/p_3.jpg"  width="160" height="160"/></a>
                                <a href="#" class="name">陈克明 面条 克明面业 麦禧福面 福伴一生 五福礼盒挂面 399g*5</a>
                                <div class="infostyle"><span class="Price"><b>￥</b>223.12</span><span class="Quantity">销售：<b>123</b>件</span></div>
                            </li>
                        </ul>
                    </div>
                    <a class="next" href="javascript:void(0)">&lt;</a>
                    <a class="prev" href="javascript:void(0)">&gt;</a>
                </div> -->

                </div>
            </div>
            <!--限时促销-->
            <div class="Promotions_style">
                <div class="title_name">
                    <i class="iconfont icon-time"></i>限时促销
                    <a href="#">更多促销</a>
                </div>
                <div class="list">
                    <ul>
                        <li>
                            <a href="#" class="Promotions_img"><img src="/static/products/p_4.jpg" width="180" height="180" /></a>
                            <div class="Promotions_line">
                                <a href="#" class="name">Orion 好丽友 熊猫派派福巧克力味4枚 100g/盒</a>
                                <div class="infostyle">
                                    <span class="Price">
                                        <b>￥</b>223.12</span>
                                    <span class="Original_price">￥65.00</span>
                                </div>
                                <div class="time">剩余时间：23时34分23秒</div>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="Promotions_img"><img src="/static/products/p_5.jpg" width="180" height="180" /></a>
                            <div class="Promotions_line">
                                <a href="#" class="name">Orion 好丽友 熊猫派派福巧克力味4枚 100g/盒</a>
                                <div class="infostyle">
                                    <span class="Price">
                                        <b>￥</b>223.12</span>
                                    <span class="Original_price">￥65.00</span>
                                </div>
                                <div class="time">剩余时间：23时34分23秒</div>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="Promotions_img"><img src="/static/products/p_6.jpg" width="180" height="180" /></a>
                            <div class="Promotions_line">
                                <a href="#" class="name">Orion 好丽友 熊猫派派福巧克力味4枚 100g/盒</a>
                                <div class="infostyle">
                                    <span class="Price">
                                        <b>￥</b>223.12</span>
                                    <span class="Original_price">￥65.00</span>
                                </div>
                                <div class="time">剩余时间：23时34分23秒</div>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="Promotions_img"><img src="/static/products/p_12.jpg" width="180" height="180" /></a>
                            <div class="Promotions_line">
                                <a href="#" class="name">Orion 好丽友 熊猫派派福巧克力味4枚 100g/盒</a>
                                <div class="infostyle">
                                    <span class="Price">
                                        <b>￥</b>223.12</span>
                                    <span class="Original_price">￥65.00</span>
                                </div>
                                <div class="time">剩余时间：23时34分23秒</div>
                            </div>
                        </li>
                        <li>
                            <a href="#" class="Promotions_img"><img src="/static/products/p_24.jpg" width="180" height="180" /></a>
                            <div class="Promotions_line">
                                <a href="#" class="name">Orion 好丽友 熊猫派派福巧克力味4枚 100g/盒</a>
                                <div class="infostyle">
                                    <span class="Price">
                                        <b>￥</b>223.12</span>
                                    <span class="Original_price">￥65.00</span>
                                </div>
                                <div class="time">剩余时间：23时34分23秒</div>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
            <!-- 广告 -->
            <div class="AD_tu">
                <a href="#"><img src="/static/AD/ad-4.jpg" width="1200" height="120" /></a>
            </div>
            <!--产品类样式-->
            <vindexproduct></vindexproduct>
            <vindexproduct></vindexproduct>
            <vindexproduct></vindexproduct>

            <!--猜你喜欢样式-->
            <vguess></vguess>
        </div>

        <vfooter></vfooter>
        <!--右侧菜单栏购物车样式-->
        <vfixedBox></vfixedBox>
    </div>
</template>

<script>
// $("#allSortOuterbox").slide({ titCell: ".Menu_list li", mainCell: ".menv_Detail", });
// jQuery(".slideBox").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true });
// jQuery(".picScroll").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "leftLoop", autoPlay: true, vis: 4 });
// jQuery(".slideTxtBox .picMarquee-top").slide({ mainCell: ".bd ul", autoPlay: true, effect: "topMarquee", vis: 2, interTime: 50, trigger: "click" });
// jQuery(".slideTxtBox").slide({ titCell: ".parHd li", mainCell: ".parBd" });
// jQuery(".hot_silde").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPage: true, effect: "left", autoPlay: true, scroll: 4, vis: 4, interTime: 5000, trigger: "click" });
// jQuery(".pro_ad_slide").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true, interTime: 6000 });
// jQuery(".pro_ad_slide").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true, interTime: 6000 });
// jQuery(".pro_ad_slide").slide({ titCell: ".hd ul", mainCell: ".bd ul", autoPlay: true, autoPage: true, interTime: 6000 });
import footer from "@/components/footer";
import header from "@/components/header";
import fixedBox from "@/components/fixedbox";
import guess from "@/components/guessyourlike";
import indexproduct from "@/components/indexproduct";
import banner from "@/components/banner";

export default {
  data() {
    return {};
  },
  components: {
    vfooter: footer,
    vheader: header,
    vfixedBox: fixedBox,
    vguess: guess,
    vindexproduct: indexproduct,
    vbanner:banner,
  }
};
</script>

<style>
</style>
